:root {
    /* Light theme (default) */
    --bg-color: #f5f5f5;
    --bg-color-secondary: #ffffff;
    --text-color: #333333;
    --text-color-secondary: #666666;
    --border-color: #dddddd;

    /* Header colors - 亮色主题下使用浅色系 */
    --header-bg-color: #ffffff;
    --header-text-color: #333333;
    --header-text-color-secondary: #666666;

    /* Sidebar colors - 亮色主题下使用浅色系 */
    --sidebar-bg-color: #ffffff;
    --sidebar-text-color: #333333;
    --sidebar-hover-bg-color: #f0f0f0;
    --sidebar-active-color: #6366f1;

    /* Content area */
    --content-bg-color: #f5f5f5;
    --content-card-bg: #ffffff;

    /* Icon colors */
    --icon-bg-color: #f0f0f0;
    --icon-bg-hover-color: #e5e5e5;
    --icon-color: #333333;

    /* Primary colors */
    --primary-color: #6366f1;
    --primary-color-hover: #4f46e5;
    --primary-color-light: #818cf8;

    /* Accent colors */
    --accent-color: #10b981;
    --accent-color-hover: #059669;

    /* Error colors */
    --error-color: #ef4444;
    --error-color-hover: #dc2626;
}

html.dark-theme {
    /* Dark theme */
    --bg-color: #1a1a1a;
    --bg-color-secondary: #272727;
    --text-color: #f0f0f0;
    --text-color-secondary: #a0a0a0;
    --border-color: #333333;

    /* Header colors - 保持深色 */
    --header-bg-color: #121212;
    --header-text-color: #ffffff;
    --header-text-color-secondary: #cccccc;

    /* Sidebar colors - 与header保持一致 */
    --sidebar-bg-color: #121212;
    --sidebar-text-color: #cccccc;
    --sidebar-hover-bg-color: #272727;
    --sidebar-active-color: #ffffff;

    /* Content area */
    --content-bg-color: #1a1a1a;
    --content-card-bg: #272727;

    /* Icon colors - 保持一致性 */
    --icon-bg-color: #272727;
    --icon-bg-hover-color: #333333;
    --icon-color: #ffffff;

    /* Primary colors - 保持不变 */
    --primary-color: #6366f1;
    --primary-color-hover: #4f46e5;
    --primary-color-light: #818cf8;

    /* Accent colors - 保持不变 */
    --accent-color: #10b981;
    --accent-color-hover: #059669;

    /* Error colors - 保持不变 */
    --error-color: #ef4444;
    --error-color-hover: #dc2626;
}